<template>
    <div>
        <p class="p_button"><button @click="goBasics">{{second}}跳过</button></p>
        <p><a href="https://element-plus.org/zh-CN/">element UI pro 组件库和它配套的图标(PC端)</a></p>
        <p><a href="https://vant-ui.github.io/vant/#/zh-CN">Vant4 组件库和它配套的图标(移动端)</a></p>
        <p>大家主要还是用vant4，我已经给大家配置好了，可以直接用，element UI pro 组件库我没有配置，axios也已经配置好了</p>
        <p>大家可以先看路由文件来熟悉自己负责的部分</p>
        <h3>这个页面不要删除，可以改一下时间，或者直接点击跳过</h3>
        <p>远程共享数据库：mongodb+srv://3605619718:jzl123JZL123@cluster0.eakqj.mongodb.net/</p>
        <RouterView />

    </div>
</template>


<script lang="ts" setup>
import {useRouter} from 'vue-router'
import {ref, onMounted} from 'vue'
const router = useRouter()
//此处更改时间限制
const second = ref(15)


function goBasics(){
    router.push('/home_one')
}

onMounted(()=>{
    let timer = setInterval(()=>{
        if(second.value>0){
            second.value--
        }else{
            clearInterval(timer)
            router.push('/home_one')
        }
    },1000)
})



</script>

<style lang="scss" scoped>
.p_button{
    text-align: right;
}

</style>